<form action="deleteConnection" method="post">
    <table class="composition-table" cellspacing="1" cellpadding="0">
        <thead>
            <tr>
                <th>FROM PLUGIN</th>
                <th>FROM PLUGIN OUTPUT</th>
                <th>TO PLUGIN</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <g:each in="${task.connections}" var="connection">
                <tr>
                    <td class="bolded-cell">
                        ${connection.fromInstanceId}
                    </td>
                    <td>
                        ${connection.fromOutputId}
                    </td>
                    <td class="bolded-cell">
                        ${connection.toInstanceId}
                    </td>
                    <td>
                        <button class="delete-button" name="connection" value="${connection.fromInstanceId}::${connection.fromOutputId}::${connection.toInstanceId}">Delete</button>
                    </td>
                </tr>
            </g:each>
       </tbody>
    </table>
</form>

<div class="lonely-button-wrapper">
    <button class="new-button" onclick="createConnectionDialog();">Create Connection</button>
</div>